<template>
	<view class="box">
		<view class="choose">选择拍照上传或PDF上传</view>
		<navigator url="/pages/quickly/medicalReport/photoUpload" class="itme">
			<image src="@/static/img/physicalExamination/photo@2x.png" class="photoImg"></image>
			<view class="right">
				<view class="top"><text>拍照上传 </text><image src="@/static/img/physicalExamination/right@2x.png"></image></view>
				<view class="bottom">拍照上传体检报告</view>
			</view>
		</navigator>
		<navigator  url="/pages/quickly/medicalReport/pdfUpload" class="itme itemTwo">
			<image src="@/static/img/physicalExamination/pdf@2x.png" class="photoImg"></image>
			<view class="right">
				<view class="top"><text>PDF上传 </text><image src="@/static/img/physicalExamination/right@2x.png"></image></view>
				<view class="bottom">PDF上传体检报告</view>
			</view>
		</navigator>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.box {
		background-color: #F8F8F8;
		width: 750upx;
		min-height: calc(100vh - 44px);
		.choose {
			color: #333333;
			font-size: 36upx;
			margin: 0 0 74upx;
			padding-top: 51upx;
			text-align: center;
		}
		.itme {
			background: url(@/static/img/physicalExamination/photoBj@2x.png) no-repeat;
			background-size: 100% 100%;
			width: 702upx;
			height: 256upx;
			margin: 0 24upx;
			display: flex;
			align-items: center;
			.photoImg {
				width: 144upx;
				height: 144upx;
				margin: 0 89upx 0 72upx;
			}
			.right {
				flex: 1;
				.top {
					display: flex;
					align-items: baseline;
					text {
						color: #333333;
						font-size: 38upx;
						font-weight: bold;
					}
					image {
						width: 22upx;
						height: 22upx;
						margin-left: 27upx;
					}
				}
				.bottom {
					color: #999999;
					font-size: 28upx;
					margin-top: 20upx;
				}
			}
		}
		.itemTwo {
			margin-top: 34upx;
			background: url(@/static/img/physicalExamination/pdfBj@2x.png) no-repeat;
			background-size: 100% 100%;
		}
	}
</style>
